<signup>
    <div class="login-wrapper">
        <h3>欢迎注册成为全球寄代理商!</h3>
        <ul>
            <li><input-mobile></input-mobile></li>
            <li><form-input placeholder="请输入验证码"></form-input></li>
            <li><form-input placeholder="代理商名称，比如菜鸟驿站华韵天府店"></form-input></li>
            <li><form-input placeholder="省/市"></form-input></li>
            <li><form-button btn-text="注册"></form-button></li>
        </ul>
    </div>

    <style>
        .login-wrapper {
            margin: 60px auto 0 auto;
            width: 80%;
        }
        .login-wrapper h3 {
            font-size: 20px;
            font-weight: normal;
            text-align: center;
        }
        .login-wrapper ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        .login-wrapper li:nth-of-type(n+1) {
            margin: 40px 0 0 0;
        }
        .login-wrapper li:nth-of-type(n+2),
        .login-wrapper li:nth-of-type(n+3),
        .login-wrapper li:nth-of-type(n+4) {
            margin: 14px 0 0 0;
        }
        .login-wrapper li:nth-of-type(n+5) {
            margin: 24px 0 0 0;
        }
    </style>
</signup>